<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="GameCss.css" />
<title>Tic Tac Toe</title>
</head>
<body>
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
		
	<table rules="all">
	<h2>Tic Tac Toe Game</h2>
	
	<?php
	 $Num = 1;	
	 for($counter=1; $counter <=3; $counter++){
		echo '<tr align ="center">';
		for ($counter2=1; $counter2 <=3; $counter2++){
			global $Num;?>
			<td id="$Num" width="100px" height="100px"></td>
			<?php $Num++;
			}
		echo "</tr>";
	
	 } ?>
	
	</table>

	<script type="text/javascript">
			var sym = 'X';
			$("td").click(function(){
				$(this).addClass("Marked");
			});
			$("td").click(function(){
				$(this).append(sym); if (sym == 'X') sym = 'O'; else sym = 'X';
			});
			//function win(){
			//if((td.id==1)==(td.id==2));		
	</script>
	
	
	<p>Click a square to begin playing.</p>
	
	<!--  <p> This is CellNum 1:  </p> -->
	<input type="button" value="Reset" onclick="window.location.href='http://cs.newpaltz.edu/~N00001387/WebClass/TicTacToe/TicTacToe.php'" />
	
</body>
</html>